<template>
  <!-- <div class='container'>预览文章对话框</div> -->
  <el-dialog title="预览文章" :visible="showList" @close="onClose">
    <div>
      <div v-text="data.title"></div>
      <div>
        <span v-text="data.createTime"></span>
        <span v-text="data.creator"></span>
        <span class="el-icon-view" v-text="data.reads"></span>
      </div>
      <div v-html="data.articleBody"></div>
    </div>
  </el-dialog>
</template>

<script>
export default {
  name: 'ViewPage',
  components: {},
  props: {
    showList: {
      type: Boolean,
      required: true
    },
    data: {
      type: Object,
      required: true
    }
  },
  data() {
    return {

    }
  },
  created() {
    console.log(this.data)
  },
  mounted() {},
  methods: {
    onClose() {
      this.$emit('update:showList', false)
    },
    onclick() {
      console.log(this.data)
    }
  }
}
</script>

<style lang="less" scoped>

</style>
